vue学习

通过link标签将CSS引入你的HTML文件，以及通过Script标签的src属性引入外部的JS脚本

vue
{{}}文本绑定
使用 v-html 指令用于输出 html 代码

元素赋值v-bind(单向的数据渲染 ) 简写 :  <h1 v-bind:title="message"></h1>  <h1 :title="message"></h1>
按钮事件响应v-on 简写 @  <button v-on:click="sayHi">点我</button>  <button @click="sayHi">点我</button>
双向数据绑定v-model 在表单 < input>、< textarea> 及 < select> 元素上创建双向数据绑定 文本框、复选框、单选按钮、下拉框

 

v-if v-else-if v-else v-for
v-on 绑定事件 , 简写 @
v-model 数据双向绑定
v-bind 给组件绑定参数,简写 :

Vue 实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模板、挂载 DOM、渲染→更新→渲染、卸载等一系列过程，我们称这是 Vue 的生命周期

创建前后、挂载前后、更新前后、销毁前后

---------------------------------

vuex + Vue.ls双重数据组合使用，避免数据刷新丢失步骤

Vue.ls使用方法

Vue.ls保存数据可以设置时间，保存数据方便，取数据不方便，而vuex存取数据都挺方便的，但是浏览器刷新数据就清空了。所以两个结合就保证了数据的有效性。

Web项目框架搭建【四】—— 前端vue.js框架搭建