- 博客(9)
- 收藏
- 关注
原创 8.2、props
1、Prop 类型https://cn.vuejs.org/v2/guide/components-props.html#Prop 类型String Number Boolean Array Object Date Function Symbolprops: ['title', 'likes', 'isPublished', 'commentIds', 'author']不指定类型,则为Stringprops: { title: String, likes: Number,
2020-06-19 10:15:29 106
原创 8.1、组件
文章摘录于https://cn.vuejs.org/v2/guide/components-registration.html为了能在模板中使用,这些组件必须先注册以便 Vue 能够识别组件名Vue.component('my-component-name', { // ... options ... })该组件名就是Vue.component的第一个参数。组件名大小写定义组件名的方式有两种:使用 kebab-caseVue.component('my-compon...
2020-06-19 09:16:06 166
原创 7、过滤器
https://cn.vuejs.org/v2/guide/filters.html#ad过滤器可以用在两个地方:双花括号插值和v-bind表达式(后者从 2.1.0+ 开始支持)。过滤器应该被添加在 JavaScript 表达式的尾部,由“管道”符号指示Vue.filter('formatId',function(rawId){ //处理内容})<div v-bind:id="rawId | formatId"></div>过滤器传参Vu...
2020-06-18 09:59:37 113
原创 6、数据请求
vue-resource/ axios请求数据https://www.jianshu.com/p/c2e1a07bd1f7https://www.bootcdn.cn/vue-resource/this.$http({ url: '/Home/Login', method: "POST", body: { "AccountName": "administrator", "AccountPassword": "1", },.
2020-06-18 09:53:14 105
原创 5、生命周期钩子
https://cn.vuejs.org/v2/api/#选项-生命周期钩子 beforeCreate: function () {//在实例初始化之后,数据观测 (data observer) 和 event/watcher 事件配置之前被调用 console.log('在初始化内部变量,并且添加了事件功能后被触发'); }, created: function () {//在实例创建完成后被立即调用。在这一步,实例已完成以下的配置:数据观测 (d.
2020-06-18 09:49:16 143
原创 4、按键修饰符
https://cn.vuejs.org/v2/guide/events.html#按键修饰符<input v-on:keyup.13="submit">13为别名全部的按键别名:.enter .tab .delete(捕获“删除”和“退格”键) .esc .space .up .down .left .right自定义全局按键修饰符Vue.config.keyCodes.f2=113;<input v-on:keyup.f2="su...
2020-06-18 09:41:04 139
原创 3、事件修饰符
.stop 阻止冒泡.prevent 阻止默认事件.capture 添加事件侦听器时使用事件捕获模式.self 只当事件在该元素本身触发时触发回调.once 事件只触发一次el: @click.stop="方法"
2020-06-18 09:36:04 140
原创 1、vue指令的基本使用
v-cloak//设置v-cloak样式,防止样式优先级被高级的样式覆盖掉,处理方式,添加 !important;[v-cloak] {display:none !important;}v-text 都能够解决 插值表达式闪烁的问题<div><p>{{msg}}</p><p v-text="msg"></p></div>v-text会覆盖元素原本的内容,但插值表达式只能替换表达式的占位符若内容
2020-06-18 09:30:08 125
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人