月下双鱼-优快云博客

原创重温子传父

重温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 153

原创重温vue父传子

重温vue父传子第一步：新建一个vue3的demovue create vuedemo第二步：运行demonpm run serve此时得到的demo目录如下：App.vue是父组件HelloWorld.vue是子组件第三步：准备子组件要传的值html部分这里我们展示两个字段<div> <span>{{ msg }}</span> <span>{{ toVal }}</span></div>js

2021-10-11 15:30:04 129

原创关于前端处理接口数据的问题

最近在做项目时，我拿到的一手数据都是这样的let userArr = [ { userId:1, name:'LinvKey', age:18, hight:180 }, { userId:2, name:'mayun', age:58, hight:160 }, { userId:3, name:'lijiahceng', age:78, hight:170 }]然后在页面上有一

2021-07-22 14:26:45 420

初学webpack4（二）webpack的核心定义：模块打包工具包管理工具有：CommonJS 、CMD、ADMCommonJS 引入 requirevar Header = require('./header.js');CommonJS 导出 module.exportFunction Header () { console.log();}module.export = Header在上一节说过用webpack转义代码的指令mpx webpack index.js web

2021-07-05 20:51:35 91

原创初学webpack4（一）

初学webpack4（一）使用老方法引用JS的方法页面加载变慢本身可能加载一个js文件现在需要加载很多不知道每一个文件之间的关系代码不容易维护引入顺序等问题查错困难解决思路在入口文件index.js中，使用import方法逐一导入出现问题浏览器根部就无法识别以import引入的ESmodule语法解决方法利用webpack来进行处理，将ESmodule代码转义为浏览器能看懂的样子并且每个要被导入的js文件都使用export default 来导出先初始化一个webpa

2021-07-05 19:45:43 79

原创 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 243

原创 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 233

原创 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 1013

原创 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 176

legend_lv的博客