![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue.js
一生ea
这个作者很懒,什么都没留下…
展开
-
【Vue.js】通过独立响应式对象进行组件间数据共享
对于组件间的数据共享,也可以使用Vue.observable(object)。通过Vue.observable(object),可以让一个对象变成可响应的。// 定义独立的响应式对象var state = Vue.observable({ msg:'welcome', info:'你好'});上述响应式对象可以在任意组件的计算属性内使用,并且会在数据发生改变时触发相应的组件更新。实际上,此时就是将该响应式对象作为组件间数据状态存储的一个容器。new Vue({ el: '原创 2021-03-14 14:15:29 · 324 阅读 · 0 评论 -
【Vue.js】组件间数据传递的可响应
父组件向子组件进行数据传递,当父组件中的数据变化时,将自动传递给子组件。不允许子组件直接修改父组件中的数据。如果想实现子组件的数据变化,同步更新到父组件,有两种方式。方式1:使用.sync修饰符+显式触发一个更新事件方式2:将父组件中的数据包装成对象,然后在子组件中修改对象的属性<body> <div id="app"> <comp-a> </comp-a> </div>原创 2021-03-14 11:19:33 · 696 阅读 · 0 评论 -
【Vue.js】Vue填坑之父组件向子组件传递数据时,因变量命名问题导致传递失败
父组件向子组件传递数据的做法:父组件调用子组件时,以属性绑定的方式将要传递的数据绑定到子组件标签上。子组件获取数据时,在子组件对象中,使用props选项声明获取的数据,进行绑定属性的拦截,即接收来自父组件的数据。如下,使用局部组件创建方式,分别创建父组件和子组件。new Vue({ el:"#app", components:{ 'my-father':{ template:"#father",原创 2021-03-13 19:43:04 · 364 阅读 · 1 评论 -
【Linux】阿里云服务器(centos)上使用Nginx服务部署Vue+node项目
阿里云服务器(centos)上使用nginx服务部署Vue+node项目前端:Vue.js后端:node.js前提是:在本地进行过测试,无错误。虚拟机上的相关环境已经安装完成。CentOS安装Nginx后,安装在了 /etc/nginx/目录下,可以打开/etc/nginx/conf.d/default/conf查看里面的配置,包括监听端口,域名和nginx访问的根目录1.打包vue项目生成dist文件夹,上传至服务器。npm run build修改Nginx的conf文件vim /usr原创 2020-11-06 16:06:49 · 524 阅读 · 0 评论 -
Vue.js——组件间数据的传递(一)
页面组件的关系结构,是一个由许多组件构成的树状结构,组件间存在着两种关系:父子关系、非父子关系 。几乎任意类型的应用界面都可以抽象为一个组件树。组件间的父子关系指的组件树中由线直接相连的两个组件间的关系,其余关系一律归为非父子关系。一、父子组件间数据传递1.父向子传递数据父组件调用子组件时,以属性绑定的方式将要传递的数据绑定在子组件标签上。 在子组件对象中,使用props选项声明获取的数据,进行绑定属性的拦截,即接收来自父组件的数据 。方式:属性绑定+数据拦截首先,定义父组件he原创 2020-08-27 10:47:45 · 232 阅读 · 0 评论