摘要：
在js中使用vue <!--挂载点、模板、与实例 #app这个dom节点在此处为一个挂载点、{{hello}}叫做插值表达式属于模板、vue为一个实例--> 代码：<script src="vue.js"></script><div id="app"> {{hello}}</div><script> 阅读全文
posted @ 2022-07-07 09:35
zcz666
阅读(34)
评论(0)
推荐(0)
摘要：
1. 组件注册 官方强烈推荐遵循 W3C 规范中的自定义组件名 (字母全小写且必须包含一个连字符)。这会帮助你避免和当前以及未来的 HTML 元素相冲突 Vue.component('my-component-name', { /* ... */ })<my-component-name> 全局组件 阅读全文
posted @ 2022-07-07 09:34
zcz666
阅读(27)
评论(0)
推荐(0)
摘要：
Vue前端路由 1. 路由的基本概念与原理 路由是一个比较广义和抽象的概念，路由的本质就是对应关系。 后端路由 概念：根据不同的用户URL请求，返回不同的内容 本质：URL请求地址与服务器资源之间的对应关系 前端路由 概念：根据不同的用户事件，显示不同的页面内容。 本质：用户事件与时间处理函数之间的 阅读全文
posted @ 2022-07-07 09:33
zcz666
阅读(53)
评论(0)
推荐(0)
摘要：
html文件： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><!--1。直接导入数据--><div id="app">{{msg}}</div></body 阅读全文
posted @ 2022-07-07 09:33
zcz666
阅读(22)
评论(0)
推荐(0)
摘要：
1.基础语法 1.v-bind ：可以使用Vue中的数据2.v-if v-else ：if语句，可以使用”num 2“3.v-for ：list in lists4.v-cloak:防止页面加载时闪烁5.v-text:修改标签内的内容6.v-html:修改标签内的标签7.v-show:根据参数修改标 阅读全文
posted @ 2022-07-07 09:32
zcz666
阅读(24)
评论(0)
推荐(0)
摘要：
1.v-on：绑定vue中的方法，可以用@代替 传递参数的事件，不加参数的方法默认event为参数 加参数的事件默认event作为最后一个参数 2.v-bind：绑定vue中的数据，可以调用vue中的数据，可以用：代替 3.v-model：绑定视图中的数据，改变视图中的数据可以修改vue中的数据 测 阅读全文
posted @ 2022-07-07 09:32
zcz666
阅读(24)
评论(0)
推荐(0)
摘要：
1.计算属性 计算属性是基于他们的依赖进行缓存的（methods里的方法调用要加（）） 方法不存在缓存（computed里的属性调用） 测试代码： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</t 阅读全文
posted @ 2022-07-07 09:30
zcz666
阅读(62)
评论(0)
推荐(0)
摘要：
1.可以构造一个参数来装获得的后端数据 2.生命周期 测试代码： 1.json文件： { "name":"java", "url": "http://baidu.com", "page": "1", "isNonProfit":"true", "address": { "street": "含光门" 阅读全文
posted @ 2022-07-07 09:30
zcz666
阅读(25)
评论(0)
推荐(0)
摘要：
1.模板template：用来写html视图的代码 2.props：用来接收component组件标签的参数 3.组件标签上的v-bind是用来获得vue的数据传递给组件component上的props 4.组件component上的事件可以通过自定义事件触发vue的事件，现在component里定 阅读全文
posted @ 2022-07-07 09:30
zcz666
阅读(1240)
评论(0)
推荐(0)
摘要：
1.项目结构 2.webpack:打包工具 main.js: var hello=require("./hello");hello.sayHello2();hello.js //暴露一个方法exports.sayHello1=function () {document.write("<h1>你好1< 阅读全文
posted @ 2022-07-07 09:29
zcz666
阅读(26)
评论(0)
推荐(0)
浙公网安备 33010602011771号