Vue初始化及相关小知识

1. vue 环境搭建

   • 全局安装vue-cli，vue-cli可以帮助我们快速构建Vue项：npm install -g vue-cli

   • 安装webpack，它是打包js的工具：npm install -g webpack

   • 安装完成之后就可以开始创建vue项目，首先创建一个文件夹用来存放你的项目，初始化文件夹：vue init webpack 文件夹名

   • vue初始化乱码：'git' �����ڲ����ⲿ���Ҳ���ǿ����еij���
     �������ļ�
     解决办法：暂无，不影响操作
     

2. 运行Vue

   • npm run dev
     修改index.html文件，让其运行，需要添加vue.js文件：
     <script src="https://cdn.jsdelivr.net/npm/vue@2.6.12"></script>
     

3. 模板语法

   • v-html:
     <div id="app">
         <p v-if="seen">现在你看到我了</p>
     </div>   
     <script>
     new Vue({
       el: '#app',
       data: {
         seen: true
       }
     })
     </script>
     
     如果：seen:true，显示。否则不显示