Vue01-基础语法能够说出Vue的基本用法能够说出Vue的模板语法能够说出Vue的常用特性能够基于Vue实现案例效果目标TARGETContents目Vue概述Vue基本使用Vue模板语法基础案例Vue常用特性综合案例vue框架要点提示掌握程度:了解1-Vue概述视01-Vue概述总Vue是什么用于构建用户界面的渐进式框架声明式渲染组件系统客户端路由集中式状态管理项目构建vue的核心库只关注视图层Vue有哪些优点?易用、灵活、高效简单易上手1-Vue概述课堂问答知识总结总Contents目Vue概述Vue基本使用Vue模板语法基础案例Vue常用特性综合案例Vue使用数据渲染要点提示掌握程度:掌握2-Vue之HelloWorld视Vue之HelloWorld总如何利用Vue将helloworld渲染到页面上1、需要提供标签用于填充数据注意:在标签中我们使用插值语法的形式即{{}}进行填充数据2、引入vue.js库文件注意:一定要先引入Vue文件在使用Vue语法因为存在作用域的问题3、使用vue的语法做功能newVue()创建一个Vue的实例在构造函数中以对象的形式做一些配置4、利用Vue将数据渲染到页面上数据写在data里面2-Vue之HelloWorld课堂问答知识总结总Contents目Vue概述Vue基本使用Vue模板语法基础案例Vue常用特性综合案例要点提示掌握程度:应用3.1模板语法概述视模板语法概述总前端渲染插值语法1、把字符串渲染到页面上有哪些方式?利用原生js拼接字符串利用模板引擎拼接利用Vue插值语法文档碎片document.createDocumentFragment利用es6``反引号拼接字符串2、我们已经用过哪些模板语法了?插值语法3.1模板语法概述课堂问答课堂问答总指令v-cloak要点提示掌握程度:应用3.2-指令概念与v-cloak指令用法视指令概念与v-cloak指令用法总指令是什么?指令就是一个自定义属性Vue中指令都是以v-开头为什么会有闪烁问题?代码加载的时候先加载HTML把插值语法当做HTML内容加载到页面上当加载完js后才把插值语法替换掉所以我们会看到闪烁问题如何解决插值语法的闪烁问题?v-cloak3.2-指令概念与v-cloak指令用法课堂问答知识总结总v-text和v-html要点提示掌握程度:应用3.3-数据填充相关3个指令的用法总视数据填充相关3个指令的用法v-text和v-html的区别v-text输出的是纯文本,浏览器不会对其再进行html解析html会将其当html标签解析后输出v-pre显示原始信息跳过编译过程一些静态的内容...