2021-01-27

Vue 框架学习进阶之路: 

1:  template 模板抽离:  

代码规范:

就是在等号两边都需要留有一个空格.        冒号:  也需要留有一个空格.

大型项目:  代码缩进要求:  一般要求缩进有两个空格.    大型项目中:  代码缩进要求:  一般要求缩进两个空格.

一般两个空格会更加合适,   一般呢缩进两个空格会更加合适.

2:   后边在做整个vue 项目开发的时候:    会使用CLI  脚手架开发搭建;

      但是在cli 脚手架搭建过程中:   脚手架会把整个vue 项目文件结构梳理清楚,  代码结构会规范好的.  

      .editconfig.js  文件就是对当前项目做基本规范

3:  模板学习的语法:  

   3.1:   插值表达式   

   3.2:   属性绑定

   3.3:   计算属性

   3.4:   事件监听

   3.5:   条件判断

   3.6:   循环遍历

   3.7:   v-model  (数据的双向绑定)

4:   插值操作:   插值表达式: mustache 语法:     插值表达式:   就是mustache语法;

     就是把data  中的变量插入到DOM 节点中.       mustache 语法:  就是双大括号;     mustache 语法就是指定是:  双大括号.

     就是把data  中的变量,  渲染到dom 节点.    mustache: (胡子. 胡须的意思)

    mustache 语法中可以跟上表达式:  (+ / -/ * /  )   可以进行运算操作.    mustache: 语法不仅可以写变量还可以写表达式;    进行乘法/  除法操作.

5:  vue:  框架中指令的介绍:

    v-once:  应用场景:  就是第一次就是展示数据,   以后数据改变的时候.   就不需要改变.

    页面上加上v-once 指令:  就不会跟着数据的改变而改变了. 

   v-html:  用法就是: 比如从后端服务器请求回来带有img 标签的话:   就可以解析出来.     url : 会当作字符串进行解析操作.

  但是现在需求是: 不需要标签:  展示标签里边的文本.   使用v-html 指令解析操作.   对HTML 标签解析

6:   v-text: 指令 和 mustache 语法很相似:   但是  v-text 指令: 不够灵活.      v-text: 指令用法没有 mustache语法灵活.

    vue 实例会帮助我们解析这种语法,    然后把变量插入到页面上. 

7:  v-pre : 指令就是原封不动原始数据. 不做任何解析操作.     不做任何解析操作

8:  v-cloak:  指令解决闪动问题.