Vue 安装项目的启动、cnpm的安装

版权声明：禁止盗版！ https://blog.csdn.net/weixin_44266650/article/details/89404379

Vue项目的安装

vue init webpack-simple md_vue
cd md_vue cd到项目下
cnpm install 安装其他依赖 在项目目录下
cnpm install vue-router –save 安装路由 在项目目录下
cnpm install jquery –save 安装 jquery 在项目目录下
cnpm run dev 启动项目

---

Vue template里面 必须隔一div 不能让h1什么标签直接接触template
Vue里面的包含机制
Vue 的跳转，a标签得刷新网页 内置的不需要

---

数据绑定最常见的形式就是使用“Mustache”语法 (双大括号) 的文本插值：
window.function(){
var vue = new Vue({
el:".app",
data:{message:“hello word!”}
})
}

data：{} 赋值给上面div里面的
赋值的东西必须放在methods:{}属性里面
{{ }}里面可以使用运算符 比如 {{1+2/2}}
{{ok? “yes”:“no”}} 布尔类型的写法
{{mess.split("").reverse().join("")}} 可以实现 mess字符串的反转

通过 v- 可以给它设定值
v-html : 使用 v-html 指令用于输出 html 代码 列：

v-bind：标签的属性时使用 列： …
v-model ： 在 input、select、text、checkbox、radio 等表单控件元素上创建双向数据绑定 例:
v-on ：监听事件，并对用户的输入进行响应。
v-if : 根据ok的布尔值来插入/移除

元素 列：

是否显示这一段

赋值属性时：methods
计算属性关键词: computed
过滤属性：filters
监听属性 watch
列：watch:{
mes:function(newvale,oldvalue){
console.log(‘之前’+oldvalue+‘变化后’+newvale)
}

字符串，数组，object(对象)