VueJs的知识点

半年前看了vueJs的视频，没有实际操作过，最近又开始着手学习了Vue，在这里记录我的学习过程，方便日后自己查阅

官网：VueJs的官网

VueJs的安装和初始化项目：

npm  install  --global  vue-cli               # 全局安装 vue-cli

npm  install  -g    webpack

vue  init  webpack  my-project         # 创建一个基于 webpack 模板的新项目

cd  my-project

npm  install                                      # 安装依赖，走你

npm  run  dev

防止页面数据层闪烁  v-cloak

v-cloak

VueJs的实例：

   

{{ msg }}

                             //  {}

   

{{ number + 1 }}

              //模板语法中是可以写表达式的

   

{{ ok ? 'YES' : 'NO' }}

   

{{ message.split('').reverse().join('') }}

   

   

    v-on:click="dosomething">事件绑定

               //事件绑定

    @click="dosomething">事件

                          //事件绑定简写       @keyup.enter  指定回车键触发函数

            //.prevent修饰符告诉v-on指令对于触发的事件调用 event.preventDefault

    v-if="istrue">是否渲染