- 博客(9)
- 收藏
- 关注
RSS订阅原创 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
99
原创 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
134
原创 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
86
原创 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
99
原创 5、生命周期钩子
https://cn.vuejs.org/v2/api/#选项-生命周期钩子 beforeCreate: function () {//在实例初始化之后，数据观测 (data observer) 和 event/watcher 事件配置之前被调用 console.log('在初始化内部变量，并且添加了事件功能后被触发'); }, created: function () {//在实例创建完成后被立即调用。在这一步，实例已完成以下的配置：数据观测 (d.
2020-06-18 09:49:16
132
原创 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
132
原创 3、事件修饰符
.stop 阻止冒泡.prevent 阻止默认事件.capture 添加事件侦听器时使用事件捕获模式.self 只当事件在该元素本身触发时触发回调.once 事件只触发一次el: @click.stop="方法"
2020-06-18 09:36:04
126
原创 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
119
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人