WEPED

摘要： Webpack 配置Vue //使用前先要导入 import Vue from 'vue' const app = new Vue({ el: '#app', data: { message: '你好', } }) 然后在webpack.config.js中进行配置： resolve: { alia 阅读全文

摘要： 什么是文本pack 从本质上讲，Webpack是一个现代Javascript应用的静态模块打包工具，它可以分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其转换和打包为合适的格式供浏览器使用。 安装webpack 1 阅读全文

摘要： 组件的插槽： 为了使我们封装的组件更加具有扩展性 可以使使用者决定组件内部的内容要展现什么 <!-- 渲染时就会将<slot></slot>替换为自己想显示的内容 --> <cpn><button>按钮</button></cpn> <cpn><span>腻害</span></cpn> <cpn>< 阅读全文

摘要： 组件不可以访问Vue实例的数据，组件应该有自己的数据存放地点。 组件对象有一个data属性，这个属性必须是函数，且这个函数要返回一个对象，对象内部保存数据 Vue组件中的data为什么一定要是函数？ 组件是可复用的vue实例，一个组件被创建好之后，就可能被用在各个地方，而组件不管被复用了多少次，组件 阅读全文

摘要： 第一种方法:将template代码写入script标签中,类型必须是type="text/x-template" <script type="text/x-template" id="cpn"> <div> <h4>模板分离测试</h4> <p>此处是内容</p> </div> </script> 阅读全文

摘要： 组件使用的基本步骤： 创建组件构造器 调用Vue.extend()的方法创建组件构造器 注册组件 调用Vue.component()方法注册组件 使用组件 在Vue实例的作用范围内使用组件 ndis //早期写法<div id="app"> <!-- 3.使用组件 --> <my-cpn></my- 阅读全文

摘要： v-model可实现双向绑定。 v-model在内部为不同的输入元素使用不同的属性并抛出不同的事件： text 和 textarea 元素使用 value 属性和 input 事件； checkbox 和 radio 使用 checked 属性和 change 事件； select 字段将 valu 阅读全文

摘要： 文档：DOM中的“D”; 对象：DOM中的“O”： js中的对象分为三类： 用户定义对象： 自行创建的对象。 内建对象：内建在javascript中的对象，如Array，Math等。 宿主对象：由浏览器提供的对象。最基础的对象为windows对象。 模型：DOM中的“M”。 节点：它表示网络中的一个 阅读全文