vue
关注
分享
扫一扫
代码是Code
不太会编程
展开
-
slot插槽
slot插槽组件的插槽是为了让我们封装的组件更加具有扩展性，让使用者可以决定组件内部的一些内容到底展示什么插槽的基本使用在组件中使用<slot></slot>标签即可定义一个插槽，可以在标签中放入默认值。通过使用组件时，将需要的元素或组件放入，即可替换。<body><div id="app"> <!-- 使用插槽 --> <cpn> <button>按钮</button> &l原创 2020-12-27 00:10:48 · 174 阅读 · 0 评论 -
Vue中的组件
Vue组件化组件的使用步骤调用Vue.extend()创建一个组件构造器，在创建构造器时传入需要使用的template模板即HTML复用的代码。然后调用Vue.component()将组件构造器注册为一个组件，并给组件取一个标签名称。使用组件的标签名在挂载的Vue实例元素下使用即可。创建组件构造器对象//1.创建组件构造器对象const cpnC = Vue.extend({ template: `<div> <h2>组件标题&l原创 2020-12-26 23:11:02 · 169 阅读 · 0 评论 -
Vue基本指令
Vue基本指令v-once该指令表示元素和组件只渲染一次，当数据发生改变时，展示内容不会进行更新<h1 v-once>{{message}}</h1> v-html某些情况下，从服务器请求到的数据本身就是一个HTML代码，可以使用该指令进行对代码的解析并渲染<div id="app"> <h1 v-html="url"></h1></div><script src="../js/vue.js">&l原创 2020-12-26 15:24:27 · 143 阅读 · 0 评论 -
Vue起步入门
Vue起步入门引入Vue.js在html中引入Vue.js或者下载文件后引入<!-- 开发环境版本，包含了有帮助的命令行警告 --><script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script><!-- 生产环境版本，优化了尺寸和速度 --><script src="https://cdn.jsdelivr.net/npm/vue"></script>原创 2020-12-24 22:53:06 · 84 阅读 · 0 评论