Vue.js的自定义便签实现原理

最新推荐文章于 2023-04-16 23:01:15 发布

sunyin.liu

最新推荐文章于 2023-04-16 23:01:15 发布

阅读量599

点赞数

分类专栏： Vuejs 文章标签： component webComponent 原生javascript组件原理组件原理原生javascript

本文链接：https://blog.csdn.net/weixin_42066070/article/details/98096671

版权

Vuejs 专栏收录该内容

68 篇文章 21 订阅 ¥29.90 ¥99.00

订阅专栏

超级会员免费看

创建一个index.html

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>vue+react底层实现原理-跨时代webComponent开发</title>
  <link rel="import" href="./webComponent/color.html">
 </head>
 <body>
 	<!-- 使用其它标签一样使用web component -->	
 	<netease-color></netease-color>
	<script>
		/*
		--disable-web-security --user-data-dir
		1.web-component组件化开发标准
			1.1 传统的组件开发  css组件
				1.css组件样式部分
				2.js组件封装逻辑部分
				3.html组件模板代码
				4.js组件创建脚本代码
			2.1web component代码组成部分
				1.引入html组件源文件
				2.使用标签
				3.没有第三步... 
		2.shadow Root的应用
		3.x-tag源码分析
		4.利用call改变thi

了解本专栏

超级会员免费看

sunyin.liu

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
Vue.js的自定义便签实现原理

创建一个index.html<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content="">...
复制链接

扫一扫