月下双鱼-CSDN博客

原创重温子传父

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

原创重温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 92

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

最近在做项目时，我拿到的一手数据都是这样的 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 373

原创初学webpack4（二）

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

2021-07-05 20:51:35 64

原创初学webpack4（一）

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

2021-07-05 19:45:43 47

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

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

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

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

legend_lv的博客