随笔分类 - 前端框架之vue
1
摘要：基本定义使用 注意:默认使用default的名称1.子组件中定义 <slot name="插槽命名"></slot> 2.App.vue中使用 <Left> <template v-slot:插槽名称> <p></p> </template></Left>3.v-slot 简写# 传值 <!-- 文
阅读全文
摘要：本组件内获取标签的dom 获取子组件的dom <template> <div class="app-container"> <h1 ref="myh12">App 根组件</h1> <button @click="showThis">打印 this</button> <button @click="
阅读全文
摘要：created:html加载完成之前，执行。执行顺序：父组件-子组件 mounted:html加载完成后执行。执行顺序：子组件-父组件 methods：事件方法执行 watch：watch是去监听一个值的变化，然后执行相对应的函数。 computed：computed是计算属性，也就是依赖其它的属性
阅读全文
摘要：定义: 数组方式: props:["name","blogs","xxx"] 对象方式props:{ blogs:{ default:0(赋初值) type：Array, required:true(必须存在) } } 使用: 1.可以直接渲染 {{props定义的值}}
阅读全文
摘要：父子共享 子组件定义props,父组件赋值 子父共享 子组件emit 兄弟共享（eventBus）
阅读全文
摘要：module.exports = { // 基本路径 baseUrl: '/', // 输出文件目录 outputDir: 'dist', // 生产环境是否生成 sourceMap 文件 productionSourceMap: true, devServer: { open: process.p
阅读全文
摘要：安装最新的node.js版本: https://nodejs.org/dist/v8.11.3/node-v8.11.3-x64.msi 安装vue: npm install -g @vue/cli 创建项目： 输入空格加选 pycharm支持es6
阅读全文
摘要：所谓计算属性就是计算data里的数据属性。 computed:实时监听的该功能。 即监听是否有修改（浏览器未打开时即开始监听了），监听的值有修改则添加 所监听的data数据属性变化了，自动实时修改。 <!DOCTYPE html> <html> <head> <title></title> </he
阅读全文
摘要：v-model就是输入的值实时显示的目的，如果纯粹写登录页面的form控件没有实时显示的需求 就不用绑定v-model。
阅读全文
摘要：vuex是解决多层父子关系传值的问题，减少了传值的复杂度 vue+webpack安装图示
阅读全文
摘要：ue-cli 是一个官方发布 vue.js 项目脚手架，使用 vue-cli 可以快速创建 vue 项目。 GitHub地址是：https://github.com/vuejs/vue-cli 一、安装Nodejs 首先需要安装Node环境。安装完成之后，可以在命令行工具中输入node -v和npm
阅读全文
摘要：VUE用途 VUE：是用来做单页面的 掘金网单击时会创建对象与销毁，减少与服务器的交互 指令系统 1条件渲染 1.1:v-if <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" c
阅读全文
摘要：HTML语义、CSS：样式 js:行为 jQuery：简化了js操作 boostrap ：框架 ，以类方式展现 react:facebook 公司的产品 angular:谷歌公司产品 vue:作者尤雨溪 一ESC6 著名博客地址： 基本语法 <!DOCTYPE html> <html lang="e
阅读全文
1
