day01_Vue01-基础语法3.pptVIP免费

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显示原始信息跳过编译过程一些静态的内容...