const CounterComponent = Vue.extend(Counter);

 this.vm = new CounterComponent({}).$mount('#container');

其中 Counter 是引进来的组件
this.vm是引进来的组件生成的vue实例
我们可以通过this.vm.xx来直接控制Counter中的data中的数据

												


											
vue中使用vue.extend在dom挂载vue实例的更多相关文章
	

    
						
  1. Vue基础01vue的基本示例，vue的双向数据绑定，vue中常见的几种用法，vue相关常见指令
		
    自学vue框架,每天记录重要的知识点,与大家分享!有不足之处,希望大家指正. 本篇将讲述:vue的基本示例,vue的双向数据绑定,vue中常见的几种用法,vue相关常见指令 前期学习基础,使用vue. ...
    
		
    2. 
						
  2. Vue之vue中的data为什么是一个函数+vue中路径别名alias设置
		
    问题描述 为什么在vue组件中,我们的data属性必须是一个函数,new Vue()中的data除外,因为new Vue中只有一个data属性. 原因 因为我们能抽离出来的组件,肯定是具有复用性的,它 ...
    
		
    3. 
						
  3. Vue 中 diff 算法后更新 DOM 的方法
		
    vue 2.0加入了 virtual dom,在 node_modules\vue\src\core\vdom\patch.js 中会对虚拟 DOM 进行 diff 算法等,然后更新 DOM. 网上的 ...
    
		
    4. 
						
  4. （Vue中）cehart在同一个dom上画图图切换时饼图有折线图的坐标系
		
    网上都是别人转载的,下面是转载的代码,在Vue中根本不适用 var echartrunningstate = null; if (echartrunningstate && echar ...
    
		
    5. 
						
  5. vue中eventbus被多次触发（vue中使用eventbus踩过的坑）【bus.$on事件被多次绑定】
		
    问题描述:只要页面没有强制刷新,存在组件切换,bus.$on方法会被多次绑定,造成事件多次触发   触发bus.$on中绑定的方法.png   bus.$on多次绑定.png 解决办法:在每次调用方法 ...
    
		
    6. 
						
  6. 048——VUE中使用animate.css动画库控制vue.js过渡效果
		
    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
    
		
    7. 
						
  7. vue中如何动态的绑定图片，vue中通过data返回图片路径
		
    在项目中遇到需要动态的改变图片路径,图片路径并非是从后台获取过来的数据. 因此在data中必须用require加载,否则会当成字符串来处理. 效果:
    
		
    8. 
						
  8. 【转】vue中样式被覆盖的问题，vue中的style不生效
		
    转载:http://www.cnblogs.com/shangjun6/p/11416054.html 在我们引入外部的样式时,发现自己无论如何都改不了外部的样式,自己的样式老被覆盖,究其原因还是我们 ...
    
		
    9. 
						
  9. 详解Vue中的虚拟DOM
		
    摘要: 什么是虚拟DOM? 作者:浪里行舟 Fundebug经授权转载,版权归原作者所有. 前言 Vue.js 2.0引入Virtual DOM,比Vue.js 1.0的初始渲染速度提升了2-4倍,并 ...
    
		
    10. 
						
  10. Vue中diff算法的理解
		
    Vue中diff算法的理解 diff算法用来计算出Virtual DOM中改变的部分,然后针对该部分进行DOM操作,而不用重新渲染整个页面,渲染整个DOM结构的过程中开销是很大的,需要浏览器对DOM结 ...
    
		
    11. 
		

	


随机推荐
	

    
									
  1. sourceTree工具使用方法
			
    https://www.cnblogs.com/tian-xie/p/6264104.html
    
			
    2. 
						
  2. react+antd pro实现【列表可实时行内编辑】的弹窗表单组件
			
    纯列表版效果展示: ① 初始无值,展示为唤醒按钮+文案外链 ②点击按钮唤醒弹窗(简易版示意图) ③配置后 可编辑表格组件文档: https://procomponents.ant.design/com ...
    
			
    3. 
						
  3. Communications link failure:The last packet successfully received from the server was 0 millisecond ago
			
    出现这种错误的大致情况如下: 1.数据库连接长时间未使用,断开连接后,再去连接出现这种情况.这种情况常见于用连接池连接数据库出现的问题 2.数据库连接的后缀参数问题 针对上述两种情况,解决方案如下 1 ...
    
			
    4. 
						
  4. 【APT】Patchwork APT组织针对巴基斯坦国防官员攻击活动分析
			
    前言 Patchwork(白象.摩诃草.APT-C-09.Dropping Elephant)是一个疑似具有印度国家背景的APT组织,该组织长期针对中国.巴基斯坦等南亚地区国家进行网络攻击窃密活动.本 ...
    
			
    5. 
						
  5. Optional类与使用==判断null有什么区别？使用Optional类有什么优势？
			
    1.使用object==null的例子 2.null带来的问题 3.其他语言中null的处理(替代) 4.Java8的Optional类 4.1 这样做有什么好处呢? 4.2 引入Optional类的 ...
    
			
    6. 
						
  6. Spring系列之类路径扫描和注册组件-8
			
    目录 类路径扫描和注册组件 `@Component` 使用元注释和组合注释 自动检测类和注册 Bean 定义 使用过滤器自定义扫描 在组件中定义 Bean 元数据 命名自动检测到的组件 为自动检测的组 ...
    
			
    7. 
						
  7. CORS(cross origin resource sharing)
			
    1.什么是CORS 定义:跨域资源共享. 2.什么是跨域资源共享 允许浏览器可以从当前源服务器通过ajax访问另外一个源服务地址. 3.同源策略 是浏览器的一个安全功能,不同源的客户端脚本在没有明确的 ...
    
			
    8. 
						
  8. 在脚手架中使用React
			
    1.导入react 和react-dom 两包 import React from 'react' import ReactDOM from 'react-dom' 2.调用React.createE ...
    
			
    9. 
						
  9. percona mongo热备
			
    https://www.percona.com/doc/percona-server-for-mongodb/LATEST/hot-backup.html#hot-backup Hot Backup  ...
    
			
    10. 
						
  10. MATLAB默认路径修改
			
    笔者曾尝试在软件界面的"设置路径"或者Parallel中修改默认路径,但多次尝试均失败.后来经人提点,MATLAB默认文件夹路径可以在桌面图标属性中"起始位置" ...
    
			
    11.