vue基础


vue是渐进式的js框架 所谓渐进式就是自底向上逐层应用 因为vue本身没什么东西,都是慢慢通过插件什么的依次应用   框架的顺序是先有Angular 其次是Rcact  最后才是vue  相当于vue对上面两种进行了下总结

vue必须安装之后才能使用 安装的两种方式

1.通过bootcdn.cn网站里面查找最新的vue版本 复制下载下来  (vue.global.js)

2.通过终端命令执行npm i vue@next 来进行安装

vue的数据:

  vue2的根组件的data是一个对象

  vue3的根组件的data是一个函数  // 根组件就是挂载体 比如下面的

模块化开发方式案例  切记 要在服务器端开启  否则网页打开之后插值识别不出来

1  <div id="app">
2         {{msg}}
3     div>
 1    
 2     
 3     

关于vue的指令 :固定格式v-作为开头 写在标签里面

     v-for 列表渲染的 一定要结合 :key 一起使用   可以遍历数组和对象的(遍历的参数代表的意义并不一样   )             v-if   是“真正”的条件渲染,因为它会确保在切换过程中,条件块内的事件监听器和子组件适当地被销毁和重建。也是惰性的:如果在初始渲染时条件为假,则什么也不做——直到条件第一次变为真时,才会开始渲染条件        块。             v-else-if             v-else             v-show   与v-if比着  v-show就简单得多——不管初始条件是什么,元素总是会被渲染,并且只是简单地基于 CSS 进行切换。一般来说,v-if 有更高的切换开销,而 v-show 有更高的初始渲染开销。因此,如果需要非常频繁     地切换,则使用 v-show 较好;如果在运行时条件很少改变,则使用 v-if 较好。             v-bind             v-on 事件绑定   eg:这种是简写的形式 

简写

// print()对应的是methods:里面的名字    这种不是简写形式eg:

事件

            v-text : 插入纯文本数据(不能识别data里面的标签)             v-html : 解析 html 结构(可以识别data数据里面的标签)             v-model             v-pre             v-cloak             v-once              v-slot