随笔分类 -  Vue.基础

摘要:vs code工具中设置html5 快速生成vue模板 1.编辑html.json文件2.替换需要自动生成的代码3.在新建的html中输入vh回车即可 1.编辑html.json文件(在用户片段里面找不到html.json) 在用户片段里面找不到html.json,新建全局代码片段文件,文件名为ht 阅读全文
posted @ 2021-06-24 11:31 清出于兰 阅读(802) 评论(0) 推荐(0)
摘要:案例:实现步骤 1. 实现静态UI效果 用传统的方式实现标签结构和样式 2. 基于数据重构UI效果 将静态的结构和样式重构为基于Vue模板语法的形式 处理事件绑定和js控制逻辑 3. 声明式编程 模板的结构和最终显示的效果基本一致 HTML 结构 ` <div id="app"> <div clas 阅读全文
posted @ 2020-11-26 23:31 清出于兰 阅读(108) 评论(0) 推荐(0)
摘要:3.1 模板语法概述 3.1.1如何理解前端渲染? 把数据填充到HTML标签中 3.1.2前端渲染方式 原生js拼接字符串 使用前端模板引擎 使用vue特有的模板语法 3.1.3原生js拼接字符串 基本上就是将数据以字符串的方式拼接到HTML标 签中,前端代码风格大体上如图所示。 var d = d 阅读全文
posted @ 2020-11-26 00:01 清出于兰 阅读(322) 评论(0) 推荐(0)
摘要:1. 传统开发模式对比 2. Vue.js之HelloWorld基本步骤 3. Vue.js之HelloWorld细节分析 (1)实例参数分析 el: 元素的挂载位置(值可以是CSS选择器或者DOM元素) data:模型数据(值是一个对象) (2)插值表达式用法 将数据填充到HTML标签中 插值表达 阅读全文
posted @ 2020-11-25 23:59 清出于兰 阅读(108) 评论(0) 推荐(0)
摘要:尤雨溪:Vue.js的创建者 2014年2月,Vue.js正式发布 2015年10月27日,正式发布1.0.0 2016年4月27日,发布2.0的预览版本 1 Vue:渐进式JavaScript框架 声明式渲染→组件系统→客户端路由→集中式状态管理→项目构建 官网:https://cn.vuejs. 阅读全文
posted @ 2020-11-25 23:57 清出于兰 阅读(109) 评论(0) 推荐(0)