摘要:
babel是一个广泛使用的es6解码器,可以将es6代码转为es5代码,从而在现有环境执行。 阅读全文
摘要:
父组件向子组件传参: 子组件在props中创建一个属性,用以接受父组件传过来的值; 在父组件中注册子组件; 在子组件标签中添加 在子组件中注册的属性; 把需要传给子组件的值赋值给该属性。 子组件向父组件提交值: 在子组件中需要有一个点击事件,在事件中提交自定义函数:this.$emit("funct 阅读全文
摘要:
组件名大小写:有两种方式: 第一种是 短横线分隔命名:当使用 kebab-case (短横线分隔命名) 定义一个组件时,你也必须在引用这个自定义元素时使用 kebab-case 驼峰命名法:当使用 PascalCase (驼峰式命名) 定义一个组件时,你在引用这个自定义元素时两种命名法都可以使用。也 阅读全文
摘要:
slot是对组件的拓展,通过slot插槽向组件内部指定位置传递内容,通过slot可以父子传参。 slot的通俗理解:slot的通俗理解就是“占坑”,在组件中占好了位置。当使用该组件标签的时候,组件标签里面的内容会自动填充(替换组件模板中的slot位置)。 在组件标签中,<span>标签会被组件模板中 阅读全文
摘要:
一个组件就是一个可以复用的vue实例, 里面的元素: data: data必须是函数,不能是对象。因为data是对象的话,当多次复用时,data就是一个全局变量,都会调用这个变量,共用这个数据,会有数据污染。 而是函数的话,每此调用后,data会独立存在,相当于是拷贝了函数,没有数据污染,因此每次复 阅读全文
摘要:
template:中文名:模板:在vue中,template一般只html代码 如在vue文件中分为三部分:<template>指html代码 <script>存放js代码 <style>存放css代码 component 是一个可服用的vue实例,且带有名称,只是没有根实例的挂载点 阅读全文
摘要:
input 的属性autocomplete 默认为on 其含义代表是否让浏览器自动记录之前输入的值 很多时候,需要对客户的资料进行保密,防止浏览器软件或者恶意插件获取到 可以在input中加入autocomplete="off" 来关闭记录 系统需要保密的情况下可以使用此参数 阅读全文
摘要:
在main.js中:常会有 new Vue({ el: '#app', router,//实例化,表示会使用 render: h => h(App)//vue2.0写法 //以下是vue1.0的写法 //components: { App },//注册组件信息 // template: '<App/ 阅读全文
摘要:
new Vue({el: '#app',components:{App},template: '<App/>'})components 是给el挂载的组件并进行渲染,等同于render: h => h(App)template 是使用哪个模板el: '#app' 是index.html 的<div 阅读全文
摘要:
/** * 获取指定的URL参数值 * URL:http://www.quwan.com/index?name=tyler * 参数:paramName URL参数 * 调用方法:getParam("name") * 返回值:tyler */ function getUrlParam(paramNa 阅读全文