![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue学习
月下双鱼
我总认为,在我的身上不存在短板效应,因为我总能用我的优势弥补我的不足。
展开
-
重温子传父
重温vue子传父 第一步:子组件 这里准备两个按钮 <button @click="chileClick">子传父</button> <button @click="childToFa">子传父2</button> <script> export default { name: "HelloWorld", data() { return { childVal: "子组件的数据", childVal2: "子原创 2021-10-12 16:51:37 · 108 阅读 · 0 评论 -
重温vue父传子
重温vue父传子 第一步:新建一个vue3的demo vue create vuedemo 第二步:运行demo npm run serve 此时得到的demo目录如下: App.vue是父组件 HelloWorld.vue是子组件 第三步:准备子组件要传的值 html部分 这里我们展示两个字段 <div> <span>{{ msg }}</span> <span>{{ toVal }}</span> </div> js原创 2021-10-11 15:30:04 · 99 阅读 · 0 评论 -
Vue学习 04Mustache语法
完整代码如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div id="app">{{message}}</div> <script src="js/vue.j...原创 2020-09-13 10:33:46 · 192 阅读 · 0 评论 -
Vue学习 03计数器案例
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div id="app"> <h3>{{counter}}</h3> <button @click="sub">-</.原创 2020-09-13 10:25:48 · 177 阅读 · 0 评论 -
Vue学习 02循环创建列表
<body> <div id="app"> <ul> <li v-for="item in movies">{{item}}</li> </ul> </div> <script src="../js/vue.js"></script> <script> const app=new V.原创 2020-09-13 10:16:57 · 975 阅读 · 0 评论 -
Vue学习 01初体验
Vue的特点: 1,遵循MVVM模式 2,代码简洁,体积小,运行效率高,适合移动/PC端开发 3,本身只关注UI,可轻松引用Vue插件或第三方库开发项目 Vue的安装 https://cn.vuejs.org/v2/guide/installation.html 点击链接另存为 第一步: 在body内创建script标签,引入Vue <scriptsrc="../js/vue.js"></script> 第二步: 在新的script标...原创 2020-09-13 10:11:22 · 133 阅读 · 0 评论