-
web前端开发之vue.js:Vue.js Ajax(axios)的应用
Vue.js Ajax(axios)Vue.js 2.0 版本推荐使用 axios 来完成 ajax 请求。Axios 是一个基于 Promise 的 HTTP 库,可以用在浏览器和 node.js 中。Github开源地址: https://github.com/axios/axios安装方法使用
-
Vue.js学习笔记 03、Vue样式篇
说明:对于数组中的样式以及对象中设置为true的样式全部添加到标签中! 二、进阶使用 进阶一:子组件的样式绑定 为子组件(仅有单个标签)设置样式,两种形式设置样式都有效 Vue中子组件样式的绑定:通过行内样式方式。 子父组件: 父组件:createApp()中的{}里的template就是父组件。
-
vue入门篇之Vue.js 组件
Vue.js 组件是该框架最强大的功能之一,能够扩展 HTML 元素并封装可重用的代码。 通过组件系统,我们可以使用独立可复用的小组件来构建大型应用,几乎任何类型的应用的界面都可以抽象为一个组件树。 全局组件能够被所有实例使用,注册全局组件的语法格式为:Vue.component(tagName
-
自定义事件在 Vue.js 组件中的应用
点击并拖拽以移动点击并拖拽以移动编辑 Vue.js 组件的自定义事件可以让子组件向父组件传递数据,非常方便实用。在使用自定义事件时,我们可以使用 v-on 来绑定事件,每个 Vue 实例都实现了事件接口,即使用 $on(eventName) 监听事件和使用
-
Vue.js学习笔记 05、Vue插件使用
好处:通过使用插件,我们就能够让部分组件达到独立分离的效果了,那么如何将插件定义的功能应用到原本的Vue实例中呢?关键点就是在install()函数的第一个参数上,之后插件定义的内容都会挂载至整个app实例中(即vue创建的实例上),那么就能够达到使用对应组件的功能了,如应用element-ui!
-
vue.js 学习笔记
TML和body1.4 data:数据对象 Vue中用到的数据定义在data中;data中可以写复杂类型的数据;渲染复杂类型数据时,遵守js的语法即可;2、本地应用 通过Vue实现常见的网页效果;学习Vue指令,以案例巩固知识点;Vue指令指的是,以v-开头的一组特殊语法;2.1
-
初识vue.js模板语法
期钩子等,然后返回应用程序实例自身。 在组件选项对象中的data选项是一个函数,Vue在创建组件实例时会调用该函数。data()函数返回一个数据对象,Vue会将这个对象包装到它的响应式系统中,即转换为一个代理对象,此代理使Vue能够在访问或修改属性时执行依赖跟踪和更改通知,从
-
vue.config.js配置
vue配置文件笔记 vue.config.js 是一个可选的配置文件,如果项目的 (和 package.json 同级的) 根目录中存在这个文件,那么它会被 @vue/cli-service 自动加载。你也可以使用 package
-
在 Vue3 中使用 Threejs
Vue3:首先,需要在项目中安装 Three.js 和 Vue3。可以使用 npm 或 yarn 进行安装。创建 Vue3 组件:在 Vue3 中,可以创建一个组件来容纳 Three.js 场景。在组件的 mounted 钩子函数中,可以初始化 Three.js 场景,并添加物体、光线等。在组件中引入 Three
-
JS 向 Vue 传值
configs }, } 四、效果 五、拓展阅读 《Vue进阶(幺肆捌):Vuex辅助函数详解》 《Vue进阶(二十七):Vuex之getters,mapGetters,…mapGetters详解》 《Vue进阶(四十三):Vuex之Mutations详解》
-
VUE概述
vue.js是目前最火的一个前端框架,React是最流行的一个前端框架。前端三大主流框架:Vue.js Angular.js React.js。Vue.js是一套构建用户界面的框架,只关注视图层,便于与第三方库或已有项目整合。Vue有丰富的配套三方类库。官网:英文https://vuejs
-
JS 向 Vue 传值
configs }, } 四、效果 五、拓展阅读 《Vue进阶(幺肆捌):Vuex辅助函数详解》 《Vue进阶(二十七):Vuex之getters,mapGetters,…mapGetters详解》 《Vue进阶(四十三):Vuex之Mutations详解》
-
JS 向 Vue 传值
configs }, } 四、效果 五、拓展阅读 《Vue进阶(幺肆捌):Vuex辅助函数详解》 《Vue进阶(二十七):Vuex之getters,mapGetters,…mapGetters详解》 《Vue进阶(四十三):Vuex之Mutations详解》
-
Vue进阶(三十一):Vue.js中的常用的指令缩写
Vue.js为两个最为常用的指令提供了特别的缩写: v-bind缩写 <!--完整语法--> <a v-bind:href="url">测试</a> <!--缩写--> <a :href="url">测试</a>
-
vue开发常用技术点总结【vue】
声明一个全局Vue实例变量EventBus,把所有得数据事件监听都存储到这个得变量 ``` // 在 main.js Vue.prototype.$eventBus=new Vue() // 传值组件 this.$eventBus.$emit('eventTarget','这是eventTarget传过来的值')
-
Vue.js计算属性
在一个网页中满屏都是用模板逻辑,那么会让维护成本增加,不便于对代码进行调整。例如: <div id="myCode"> {{ text.split('').reverse().join('') }} </div> 复制代码 在上面这段代码中,模板语法已
-
Vue.js学习笔记 01、Vue基本语法篇(上)
prevent) 回顾一下js怎么写阻止默认事件的,就是在指定我们想要阻止的事件中调用e.preventDefault(),之后编写指定要执行的代码即可。 在vue中也帮我们简化了这一步骤:提供了一个模板修饰符,直接可以阻止默认行为。 语法:@click.prevent,也就是在阻止的默认事件后对prevent属性来指定函数。
-
Angular和Vue.js 深度对比
Angular 和 Vue 都提供了很高的性能,但由于 Vue 的虚拟 DOM 实现的重量较轻,所以可以说 Vue 的速度/性能略微领先。更简单的编程模型使 Vue 能够提供更好的性能。Vue 可以在没有构建系统的情况下使用,因为开发者可以将其包含在 HTML 文件中。这使得 Vue 易于使用,从而提高了性能。Angular
-
Vue.js学习笔记 01、Vue基本语法篇(下)
我们刷新data对象中的message属性,就会带动methods中的方法重新执行: 避免上述时间戳重新获取:在computed对象属性中编写函数方法 计算属性computed: 当计算属性依赖的内容发生变更时,才会重新执行计算。(不再是data对象中数据刷新就会执行一遍methods方法)
-
Vue进阶(三十六):vue.js中created方法的使用详解
这次给大家带来vue.js中created方法的使用详解,使用vue.js中created方法的注意事项有哪些,下面就是实战案例,一起来看一下。 这是它的一个生命周期钩子函数,就是一个vue实例被生成后调用这个函数。一个vue实例被生成后还要绑定到某个html元素上,之后